@import "../base"
$card_width: 700px
.gameItemCard
  display: block

  .game_interval
    height: 2px
    border: transparent

  /*箭头向上*/



  .game_card
    background: linear-gradient(70deg, #494949, #4f6480)
    box-shadow: 2px 2px 2px 2px rgb(52, 52, 52)

    display: flex
    flex-direction: row
    justify-content: space-between
    width: $card_width
    height: $card_width *0.1
    align-items: center
    padding: 5px 10px 5px 5px
    border: solid transparent
    border-radius: 10px
    margin-top: 1px
    color: $font_color_title


    .game_card_name
      margin-right: auto
      margin-left: 15px
      text-align: left
      min-width: $card_width * 0.4
      font-size: $card_width * 0.1 * 0.5 * 0.5


    .game_release_date
      color: $font_color_blue
      font-size: $card_width * 0.1 * 0.5 * 0.4

    .game_price_overview
      margin-left: auto
      font-size: $card_width * 0.1 * 0.5 * 0.5
      width: $card_width *0.2


    .game_card_header_img
      max-width: $card_width*0.2
      min-width: $card_width*0.2*0.8
      float: left

  .game_card_hide
    position: absolute
    width: $card_width * 0.5
    transform: translate($card_width *1.05, -20%)
    border: solid transparent
    border-radius: 1%
    font-size: $card_width * 0.1 * 0.5 * 0.5
    align-items: center
    display: flex
    flex-direction: column
    color: $font_color_black
    background: linear-gradient(#e1e1e1, #95a4bd)

    img
      width: $card_width * 0.5
      border-radius: 5px
      border: 2px #bbbbbb solid

    span
      padding: 5px
      float: left
      justify-content: space-around
      margin-right: auto
      font-size: calc($font-size / 2)

    .game_card_hide_name
      margin: 5px

    .game_card_tags
      margin-bottom: 10px
      display: inline

      label
        color: #dadada
        float: left
        margin: 2px 2px 2px 2px
        padding: 2px
        font-size: $card_width * 0.1 * 0.5 * 0.4
        background: #424242
        border-radius: 2px


  .single
    position: absolute
    margin: 0 $card_width*0.6*0.9 0 0
    border-right: 10px solid #8bc1ec
    border-top: 10px solid transparent
    border-bottom: 10px solid transparent
